<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="css/common.css" rel="stylesheet">
</head>
<body>
	<!-- 每页页头 -->
	<div class="ub ub-ac page-header row">
		<a href="#" class="clickable-deep"><span class="icon-back"></span></a>
		<div class="ub-f1 page-name">随手拍</div>
		<a href="#" class="clickable-deep">
			<span class="icon-search"></span>
		</a>
	</div>
	<!-- 评论、赞 -->
	<div class="option-wrapper ub">
	    <div class="like ub ub-pc ub-ac">
	    	<span class="icon-like"></span><p class="like-text cl-f-orange">22</p>
	    </div>
		<div class="comment ub ub-pc ub-ac">
	    	<span class="icon-comment"></span><p class="comment-text cl-f-orange">45</p>
	    </div>
	</div>
	<!-- 首页底部导航 -->
	 <div class="row ub five-grid footer-five-grid f12 cl-b-white cl-f-dgrey">
    	<div class="ub-f1 ub-ver clickable ub-pc ub-con"><img src="images/f-ic1.png"><p>首页</p></div>
    	<div class="ub-f1 ub-ver clickable ub-pc ub-con"><img src="images/f-ic2.png"><p>动态</p></div>
    	<div class="ub-f1 ub-ver clickable ub-pc ub-con"><img src="images/f-ic3.png"><p>随手拍</p></div>
    	<div class="ub-f1 ub-ver clickable ub-pc ub-con"><img src="images/f-ic4.png"><p>评测</p></div>
    	<div class="ub-f1 ub-ver clickable ub-pc ub-con"><img src="images/f-ic5.png"><p>我的</p></div>
    </div>
    <!-- iscroll加载更多 -->
    <div id="scroll-wrapper">
		<div id="scroller">
			<ul id="thelist">
				<li></li>
				<li></li>
			</ul>
			<div class="add-loading ssp-loading">
				<div class="rect1"></div>
				<div class="rect2"></div>
				<div class="rect3"></div>
				<div class="rect4"></div>
				<div class="rect5"></div>
			</div>
		</div>
	</div>
	<script src="js/jquery-1.11.1.min.js"></script>
	<script src="js/custom.js"></script>
</body>
</html>